<template>
	<div class="add-counter">
		<button @click="btnClick(1)">+1</button>
		<button @click="btnClick(5)">+5</button>
		<button @click="btnClick(10)">+10</button>
	</div>
</template>

<script>
export default {
	// emits: ['addClick'],
	emits: {
		addClick: function (count) {
			if (count < 10) {
				return true
			}

			return false
		},
	},
	methods: {
		btnClick(num) {
			// 让子组件发送一个自定义事件
			this.$emit('addClick', num)

			// 验证参数, 如果参数不对, 会警告
			// this.$emit('addClick', 100)
		},
	},
}
</script>

<style scoped></style>
